﻿@model List<List<Unijovem.UI.Models.LeituraBiblicaModel>>
@functions {
    private int dia;
}
@{
    ViewBag.Title = "Plano de Leitura Bíblica em um ano";
}
<script type="text/javascript">
    $(function () {
        $('div.borderVermelha').each(function () {
            $(this).corner('round 10px');
        });

        $('table.borderVermelha').each(function () {
            $(this).corner('round 10px');
        });

        $('div.forumDetalhes').each(function (index) {
            $(this).mouseover(function () {
                $(this).removeClass("forumDetalhes");
                $(this).addClass("forumDetalhesOver");
            });

            $(this).mouseout(function () {
                var informacao = $('table.borderVermelha')[index];

                if ($(informacao).is(":visible") == false) {
                    $(this).addClass("forumDetalhes");
                    $(this).removeClass("forumDetalhesOver");
                }
            });

            var fonteDestaque = $('div.fonteDestaque')[index];
            var divVersiculo = $('div.divVersiculo')[index];
            var forumDetalhes = $(this);

            $(fonteDestaque).click(function () {
                var mes = $(divVersiculo)[0].id.replace("versiculo", "");

                if (!divVersiculo.hasAttribute("loaded")) {
                    $('#loading' + mes).show();

                    $.ajax({
                        type: "POST",
                        url: "/LeituraBiblica/PreencherMes",
                        async: true,
                        data: "mes=" + $(divVersiculo)[0].id.replace("versiculo", ""),
                        success: function (result) {
                            if (result.success) {
                                $(divVersiculo).attr("loaded", true);
                                $(divVersiculo).html(result.html);

                                showHideContent(index, forumDetalhes);
                                $('#loading' + mes).hide();
                            }
                        },
                        error: function (req, status, error) {
                            alert("Sorry! We could not receive your feedback at this time.");
                        }
                    });
                }
                else {
                    showHideContent(index, forumDetalhes);
                    $('#loading' + mes).hide();
                }
            });
        });
    });

    function showHideContent(index, forumDetalhes) {
        //        $('div.divVersiculo').each(function (indexEvento) {
        //            if (index != indexEvento)
        //                $(this).slideUp("slow");
        //        });

        var informacao = $('div.divVersiculo')[index];

        if ($(informacao).is(":visible")) {
            $(informacao).slideUp("slow");
            forumDetalhes.addClass("forumDetalhes");
            forumDetalhes.removeClass("forumDetalhesOver");
        } else {
            $(informacao).slideDown("slow");
        }
    }
</script>
<h3>Plano de Leitura Bíblica em 1 ano</h3>
@Html.Partial("~/Views/LeituraBiblica/TextoMotivacao.cshtml")
<br />

@for (int mes = 0; mes < 12; mes++)
{
    <div class="borderVermelha forumDetalhes" style="margin-bottom: 10px;">
        <div class="fonteDestaque" style="padding: 5px">
            @string.Concat(mes + 1, "º mês")
        </div>
        <span id="@string.Concat("loading", mes)" style="display: none; padding: 8px;">Carregando...</span>
        <div style="padding: 3px;display: none;" class="divVersiculo" id="@string.Concat("versiculo", mes)" >
        </div>
    </div>
}
